<template>
  <div class="loop-bg">
    <el-carousel height="120">
      <el-carousel-item v-for="(item, index) in imgs" :key="index">
        <img :src="item.url" alt="">
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script setup>
// 在这里写 Composition API 代码
import img1 from '@/assets/imgs/vip_shop/loop_img1.png'
import img2 from '@/assets/imgs/vip_shop/loop_img2.png'
import img3 from '@/assets/imgs/vip_shop/loop_img3.png'

const imgs = [
  {
    url: img1,

  },
  {
    url: img2,

  },
  {
    url: img3,

  }
];
</script>

<style scoped lang="scss">
// 在这里写 SCSS 样式
.loop-bg {
  img {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
  }
}
</style>
